@charset "utf-8";
.container { position: relative; width: 100%; }

.aArea { padding:50px 0 60px; background:#f9f9f9; }
.aArea .hd { float:left; padding-top:115px; }
.aArea .hd .p1 { font-size:30px; line-height:32px; color:#007a39; margin-bottom:25px; }
.aArea .hd .p2 { font-size:18px; line-height:20px; color:#999; text-transform:uppercase;  font-family:"Arial"; }
.aArea .hd .p3 { margin-top:90px; }
.aArea .hd .p3 a { display:block; width:170px; height:60px; text-align:center; line-height:60px; background:#006131; color:#fff; font-size:16px; }
.aArea .hd .p3 a i { display:inline-block; padding-left:35px; background:url(m01.png) no-repeat center left; }

.aArea .bd { float:right; }
.aArea .bd ul { border-right:1px solid #d2d2d2; box-sizing: border-box; }
.aArea .bd ul li { float:left; width:155px; border-left:1px solid #d2d2d2; box-sizing: border-box; }
.aArea .bd ul li a { position:relative; display:block; }
.aArea .bd ul li .pic { width:180px; height:470px; overflow:hidden; }
.aArea .bd ul li .pic img { display:none; }
.aArea .bd ul li .txt { position:absolute; top:0; left:0; width:100%; padding:0 10px; box-sizing: border-box; text-align:center; }
.aArea .bd ul li .txt .p1 { padding-top:130px; min-height:105px; }
.aArea .bd ul li .txt .p1 .img02 { display:none; }
.aArea .bd ul li .txt .p2 { font-size:18px; line-height:25px; color:#333; margin-bottom:20px; }
.aArea .bd ul li .txt .p3 { font-size:14px; line-height:24px; color:#999; text-transform:uppercase; }
.aArea .bd ul li:nth-child(1) .txt .p3 { color:#a4211a; }

@media only screen and (min-width:1300px){
	.aArea .bd ul li:hover .pic img { display:block; }
	.aArea .bd ul li:hover .txt .p1 .img01 { display:none; }
	.aArea .bd ul li:hover .txt .p1 .img02 { display:inline-block; }
	.aArea .bd ul li:hover .txt .p2 { color:#fff; }
	.aArea .bd ul li:hover .txt .p3 { color:#fff; }
}
@media only screen and (max-width:1300px){
	
	.aArea .bd { float:right; width:calc(100% - 200px); }
	.aArea .bd ul { border-right:none; border-top:1px solid #d2d2d2; }
	.aArea .bd ul li { width:33.33%; border-bottom:1px solid #d2d2d2; }
	.aArea .bd ul li:nth-child(3n) { border-right:1px solid #d2d2d2; }
	.aArea .bd ul li .pic { display:none; }
	.aArea .bd ul li .txt { position:relative; padding:30px 2px; }
	.aArea .bd ul li .txt .p1 { padding-top:0; min-height:80px; }
	.aArea .bd ul li .txt .p2 { font-size:14px; line-height:20px; margin-bottom:10px; }
	.aArea .bd ul li .txt .p3 { height:40px; line-height:20px; }
}
@media only screen and (max-width:1000px){
	.aArea { padding:30px 0; }
	.aArea .hd .p1 { font-size:25px; line-height:26px;  margin-bottom:15px; }
	.aArea .hd .p2 { font-size:18px; line-height:20px; }
	.aArea .hd .p3 { margin-top:20px; }
	.aArea .bd ul li .txt .p2 { font-size:18px; }
	.aArea .bd ul li .txt .p3 { font-size:12px; }
}
@media only screen and (max-width:750px){
	.aArea .bd { float:none; width:100%;; }
	.aArea .hd { float:none; padding:0 0 40px; text-align:center; }
	.aArea .hd .p3 a { width:150px; height:35px; line-height:35px; font-size:14px; margin:0 auto; }		
}


.bArea { padding:55px 0 75px; }
.Area-hd { margin-bottom:25px; }
.Area-hd .p1 { font-size:30px; color:#007a39; line-height:32px; margin-bottom:15px; }
.Area-hd .p2 { font-size:18px; color:#666; line-height:20px; text-transform:uppercase; }

.bArea01 { float:left; width:38.57%; }
.bArea01 .swiper-slide img { transition: all 0.6s; }
.bArea01 .swiper-slide:hover img { transform: scale(1.1)!important; }


.swiper-container-2 .swiper-pagination { width:50px!important; left:auto!important; right:10px!important; bottom:22px!important; }
.swiper-container-2 .swiper-pagination-bullet { width:8px!important; height:8px!important; background:#fff; opacity:1; }
.swiper-container-2 .swiper-pagination-bullet-active { background: #006131!important; }

.swiper-container-2 .swiper-slide { position:relative; }
.swiper-container-2 .swiper-slide p { position:absolute; left:0; bottom:0; width:100%; height:60px; line-height:60px; background:rgba(0,0,0,0.7); font-size:18px; color:#fff; padding:0 100px 0 25px; box-sizing: border-box; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.bArea01 .bd01 { margin-top:20px; }
.bArea01 .bd01 ul li { float:left; width:49%; margin-right:2%; margin-bottom:2%; background-size:cover!important; }
.bArea01 .bd01 ul li:nth-child(2n) { margin-right:0; }
.bArea01 .bd01 ul li a { display:block; padding:35px 0 35px 20px; color:#fff; text-transform:uppercase; }
.bArea01 .bd01 ul li .p1 { font-size:24px; line-height:25px; font-weight:bold; }
.bArea01 .bd01 ul li .p2 { font-size:14px; line-height:22px; margin-top:10px; }

.bArea02 { float:right; width:58.57%; }

.bBox { position:relative; }
.bBox .hd { position:absolute; right:0; top:-68px; z-index:9; }
.bBox .hd ul li { float:left; font-size:16px; color:#333; margin-left:30px; padding-bottom:15px; border-bottom:2px solid #fff; cursor:pointer; }
.bBox .hd ul li.on { border-color:#007a39; }

.bBox .bd ul li { margin-bottom:4px; border-bottom:1px dashed #e8e8e8; padding:11px 0; background:url(m1.png) no-repeat center right; transition: all 0.6s; }
.bBox .bd ul li:last-child { margin-bottom:0; }
.bBox .bd ul li a { display:block; }
.bBox .bd ul li .date { float:left; width:115px; height:90px; text-align:center; color:#333; transition: all 0.6s; }
.bBox .bd ul li .date p { font-size:36px; line-height:38px; padding-top:10px; margin-bottom:5px; }
.bBox .bd ul li .date span { display:block; font-size:14px; }
.bBox .bd ul li .txt { float:right; width:calc(100% - 140px); padding-right:85px; box-sizing: border-box; }
.bBox .bd ul li .txt .p1 { font-size:16px; font-weight:bold; color:#333; line-height:20px; height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.bBox .bd ul li .txt .p2 { font-size:14px; line-height:25px; color:#666; margin-top:5px; height:50px; overflow:hidden; }


@media only screen and (min-width:900px){
	.bBox .bd ul li:hover { background:url(m2.png) no-repeat center right; }
	.bBox .bd ul li:hover .date { background:#006131; color:#fff; }
	.bBox .bd ul li:hover .txt .p1 { color:#006131; }
}

@media only screen and (max-width:1400px){
	.bBox .bd ul li { margin-bottom:0; padding:10px 0; }
}
@media only screen and (max-width:1100px){
	.bBox .bd ul li { padding:5px 0; }
}
@media only screen and (max-width:900px){
	.bArea { padding:30px 0; }
	
	.Area-hd { margin-bottom:25px; }
	.Area-hd .p1 { font-size:24px; line-height:26px; margin-bottom:10px; }
	.Area-hd .p2 { font-size:14px; }
		
	.bArea01 { float:none; width:100%; }
	.bArea02 { float:none; width:100%; margin-top:30px; }
	
	
	.bBox .hd ul li { font-size:14px; margin-left:15px; }
	.bBox .bd ul li { background:none; padding:10px 0; }
	.bBox .bd ul li .date { width:90px; background:#006131; color:#fff; }
	.bBox .bd ul li .txt { padding-right:0; width:calc(100% - 110px); }
	.bBox .bd ul li .txt .p1 { font-size:14px; }
	.bBox .bd ul li .txt .p2 { font-size:12px; }
	
	.swiper-container-2 .swiper-slide p { height:40px; line-height:40px; font-size:14px; color:#fff; padding:0 100px 0 15px; }
	.swiper-container-2 .swiper-pagination { bottom:10px!important; }
}